<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta
            name="viewport"
            content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0,user-scalable=no"
        />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <title>艾斯宾浩记忆表格</title>

        <link rel="stylesheet" type="text/css" href="/asserts/style/global.s.css" />
        <link rel="stylesheet" type="text/css" href="/asserts/style/index.s.css" />
        <script type="text/javascript" src="/node_modules/requirejs/require.js"></script>
        <script type="text/javascript" src="/configs/using.js"></script>

        <script type="text/javascript">
            (function () {
                var win = this;
                var usingPaths = [
                    "jquery",
                    "artTemplate",
                    "functions/operable_data_store/onload",
                    "pages/memory/EspinhoMemoryTable/PageShow_Study",
                ];
                require(usingPaths, function ($, artTemplate, loadPage, func) {
                    loadPage.OperableDataStoreOnLoad(function(store) {
                        var f = new func.PageShow_Study(store, {
                            jquery_datagrid_name: "#datagrid",
                            jquery_search_form_name: "#search_form",
                        });
                        f.WriteDataGridConfigs();
                        f.LoadDataGridData();
                        win.page = f;
                    });
                });
            })();
        </script>
    </head>
    <body>
        <style>
            .box_region {
                width: 80%;
                margin: 0 auto;
                margin-top: 5em;
            }
                .box_region + .box_region {
                    margin-top: 1em;
                }
            #datagrid td {
                /* padding: 0.4em;
                border: 1px solid; */
            }
        </style>

        <div class="box_region">
            <div id="search" class="easyui-panel" title="查询条件" iconcls="icon-search" style="padding-bottom: 10px">
                <form id="search_form">
                    <div class="search_item">
                        <label>类型:</label>
                        <input name="type" type="text" class="easyui-textbox" />
                    </div>
                    <div class="search_item">
                        <label>学习内容:</label>
                        <input name="conent" type="text" class="easyui-textbox" />
                    </div>
                    <div class="search_item">
                        <label>是否今日需要复习:</label>
                        <select name="is_today_need_review" class="easyui-combobox" data-options="width:90,value:true,">
                            <option value="">请选择</option>
                            <option value="true">是</option>
                            <option value="false">否</option>
                        </select>
                    </div>
                    <div class="search_item">
                        <label>是否今日已完成复习:</label>
                        <select name="is_today_reviewed" class="easyui-combobox" data-options="width:90,value:false,">
                            <option value="">请选择</option>
                            <option value="true">是</option>
                            <option value="false">否</option>
                        </select>
                    </div>
                    <div class="search_item">
                        <button type="submit" class="easyui-linkbutton" iconCls="icon-magnifier" style="width:80px;"
                                onclick="page.LoadDataGridData(); return false;">搜索</button>
                    </div>
                    <div class="search_item">
                        <button type="button" class="easyui-linkbutton" iconcls="icon-remove" style="width:120px;"
                                onclick="$(this).parents('form').form('clear');">清除条件</button>
                    </div>
                </form>
            </div>
            <table id="datagrid"></table>
        </div>
    </body>
</html>
